// 部门管理页面统一导出（占位）
import React from 'react';
import { Box, Typography, Card, CardContent } from '@mui/material';
import { PageHeader } from '@/components/common/PageHeader';

const PlaceholderPage: React.FC<{ title: string; description: string }> = ({ title, description }) => (
  <Box sx={{ p: 3 }}>
    <PageHeader title={title} description={description} />
    <Card>
      <CardContent>
        <Typography variant="h6" color="text.secondary" sx={{ mb: 2 }}>
          {description}
        </Typography>
        <Typography variant="body2" color="text.secondary">
          此页面正在开发中，敬请期待...
        </Typography>
      </CardContent>
    </Card>
  </Box>
);

export const DepartmentListPage = () => (
  <PlaceholderPage title="部门管理" description="管理组织部门结构" />
);

export const DepartmentCreatePage = () => (
  <PlaceholderPage title="创建部门" description="创建新的部门" />
);

export const DepartmentEditPage = () => (
  <PlaceholderPage title="编辑部门" description="编辑部门信息" />
);

export default DepartmentListPage;